<template>
  <div class="boom_btn border-top" v-on:click="sonpay">
    <span> <slot name="txt">购买</slot>  &yen;{{xianjia}}元    <del>{{yuanjia}}</del> </span>
  </div>
</template>

<script>
export default {
  name: 'BottomBtn',
  props: {
    yuanjia: {
      type: [Number,String]
    },
    xianjia: {
      type: [Number,String]
    }
  },
  methods:{
    sonpay(){
      this.$emit("listersonpay")
    }
  }
}
</script>

<style lang="less" scoped>
  .boom_btn{
    z-index: 99;
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    background: white;
  span{
    display: block;
    width: 90%;
    height: 50px;
    background: #09bb07;
    color: white;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    margin-left: 5%;
    margin-top: 5px;
    border-radius: 6px;
  del{
    color: #b2eab1;
    margin-left: 5px;
  }
  }
  }
</style>
